<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="less/meituan.css"/>
		<link rel="stylesheet" type="text/css" href="css/lwiper.min.css"/>
		<title>美团</title>
	</head>
	<body>
		<header>
			<div class="left">
				<a href="#none">深圳</a>
				<span class="xiala"><span>◇</span></span>
			</div>
			<div class="center">
				<a href="http://i.meituan.com/s/shenzhen">
					<span class="iconfont color">&#xe603;</span>
					<span class="text">输入商家/品类/商圈</span>
				</a>
			</div>
			<div class="right">
				<span class="iconfont">&#xe602;</span><br />
				<span>我的</span>
			</div>
		</header>
		<nav class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide">
	            	<li>
	            		<a href="#none">
							<span class="iconfont li1">&#xe608;</span><br />
							<span>美食</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li2">&#xe606;</span><br />
							<span>电影</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li3">&#xe601;</span><br />
							<span>酒店</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li4">&#xe610;</span><br />
							<span>休闲娱乐</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li5">&#xe60c;</span><br />
							<span>外卖</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li6">&#xe60a;</span><br />
							<span>KTV</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li7">&#xe609;</span><br />
							<span>周边游</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li8">&#xe608;</span><br />
							<span>丽人</span>
						</a>
					</li><li>
						<a href="#none">
							<span class="iconfont li9">&#xe60b;</span><br />
							<span>小吃快餐</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li10">&#xe600;</span><br />
							<span>火车票</span>
						</a>
					</li>
	            </div>
	        	<div class="swiper-slide">
	            	<li>
						<a href="#none">
							<span class="iconfont li1">&#xe616;</span><br />
							<span>生活服务</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li2">&#xe618;</span><br />
							<span>今日新单</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li3">&#xe612;</span><br />
							<span>旅游</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li4">&#xe61b;</span><br />
							<span>足疗按摩</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li5">&#xe619;</span><br />
							<span>甜点食品</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li6">&#xe613;</span><br />
							<span>婚纱摄影</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li7">&#xe615;</span><br />
							<span>母婴亲子</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li8">&#xe601a;</span><br />
							<span>学习培训</span>
						</a>
					</li><li>
						<a href="#none">
							<span class="iconfont li9">&#xe613;</span><br />
							<span>结婚</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="iconfont li10">&#xe617;</span><br />
							<span>更多</span>
						</a>
					</li>
	            </div>
	        </div>
	        <div class="swiper-pagination"></div>
		</nav>
		<div class="content">
			<div class="left">
	            <a class="react" href="http://i.meituan.com/firework/guide" gaevent="imt/homepage/homeguide1" rel="nofollow">
                    <b>我们约吧</b><br />
                    <span>恋人家人好朋友</span><br />
               		<img src="http://p0.meituan.net/mmc/fe4d2e89827aa829e12e2557ded363a112289.png" style="height: 70%;"></span>
	            </a>
	        </div>
			<div class="right">
				<div class="top">
	                <a class="bright" href="http://i.meituan.com/topic/huilife">
	                       <span>
	                       	<b class="rColor">低价超值</b><br />
	                        	十元惠生活
	                       </span>
	        			<img src="http://p0.meituan.net/mmc/a06d0c5c0a972e784345b2d648b034ec9710.jpg" >
	        		</a>
				</div>
				<div class="bottom">
					<a href="http://i.meituan.com/topic/scene/3">
                        <span>
                        	<b class="pColor">聚餐宴请</b><br />
                        	朋友家人常聚聚
                        </span><br />
	                    <img src="http://p1.meituan.net/mmc/08615b8ae15d03c44cc5eb9bda381cb212714.png" >
	                </a>
					<a class="bright" href="http://i.meituan.com/topic/mingdian" >
                        <b class="oColor">名店抢购</b><br />
                        <span class="time-desc">距离结束</span>
                        <br />
                        <span class="span-time time-hour"></span>:
                        <span class="span-time time-min"></span>:
                        <span class="span-time time-sec"></span>
               		</a>
				</div>
			</div>
		</div>
		<section>
			<h2>猜你喜欢</h2>
			<h3><a href="http://i.meituan.com/shenzhen">查看全部团购</a></h3>
		</section>
		<div class="jiazai">
			<img src="img/loading.gif"/>
			<img src="img/loading.gif"/>
			<img src="img/loading.gif"/>
			<img src="img/loading.gif"/>
			<img src="img/loading.gif"/>
		</div>
		<div class="top iconfont">
			&#xe611;
		</div>
		<footer>
			<div class="top">
				<a href="https://i.meituan.com/account/login">登陆</a>
				<a href="https://i.meituan.com/account/login">注册</a>
				<span>城市：<a href="http://i.meituan.com/index/changecity/">深圳</a></span>
			</div>
			<p>
               <a  href="http://i.meituan.com/">首页</a>
               <a  href="http://i.meituan.com/">订单</a>
               <a  href="http://i.meituan.com/">电脑版</a>
               <a class="last" href="http://i.meituan.com/">帮助</a>
			</p>
			<p>
				<span>友情链接：<a href="http://m.maoyan.com/?channel=touch_group">猫眼电影</a></span>
			</p>
			<div class="mybottom">
				<hr />
				<a href="http://www.miibeian.gov.cn/">©2016 美团网 京ICP证070791号</a>
			</div>
		</footer>
	</body>
	<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lwiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/meituan.js" type="text/javascript" charset="utf-8"></script>
</html>
